/*通用设置*/
body {
    width: 1280px;
    height: 728px;
    margin: 0;
    font-family: "Microsoft YaHei";
    font-size: 12px;!important;
    line-height: 20px;
    color: #050505;
    background: #fcfcfc;
    box-sizing: border-box;
    border: 15px solid #3E3E3E;
    border-top: none;
    overflow-x: hidden;
    overflow-y: auto;
}

ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, input, button {
    margin: 0;
    padding: 0;
}

input:hover {
    outline: none;
}

ul, ol {
    list-style: none;
}

input, button {
    font-family: "Microsoft YaHei";
}

a {
    color: #050505;
    text-decoration: none;
}

a:hover {
    color: #050505;
    text-decoration: none;
}

.clearfloat:after {
    content: "";
    display: table;
    height: 0;
    clear: both;
    visibility: hidden;
}

.lf {
    float: left;
}

.rt {
    float: right;
}
/*立体仓库、表格查看、曲线图导航*/
.aside{
    width: 45px;
    height: 480px;
    text-align: center;
    background: #E1E1E1;
}
.aside .active{
    /*background: #B9B9B9;*/
}
.aside ul li{
    height: 160px;
    padding: 50px 0;
    border: 1px solid #3498DB;
    border-top: none;
    box-sizing: border-box;
}
.aside ul li{
    cursor: pointer;
}
.aside ul li a{
    /*font-weight: 900;*/
    font-size: 14px;
    color: #000000;
}
.aside ul li em{
    display: block;
    width: 24px;
    height: 16px;
    margin-bottom: 5px;
    margin-left: 9px;
}
/*立体仓库模型*/
.granary_model em{
    background: url("../images/background.png") no-repeat -67px -36px;
}
/*仓库数据表格*/
.table_data em{
    background: url("../images/background.png") no-repeat -67px -76px;
}
.curve_graph em{
    background: url("../images/background.png") no-repeat -67px 0;
}
/*上半部分*/
#top_box {
    margin-left: 45px;
    height: 480px;
    box-sizing: border-box;
    position: relative;
}
#model_box{
    width: 960px;
    height: 480px;
    border-right:1px solid #d1d1d1;
}
#top_box .top_left {
    position: relative;
    width: 960px;
    height: 480px;
    overflow: hidden;
    box-sizing: border-box;
    background: rgba(219,242,245,.2);
}
/*右侧粮仓信息*/
.top_right {
    margin-left: 960px;
    /*border: 15px solid #3498DB;*/
    /*border-right: 15px solid #3498DB;*/
    /*border-radius: 15px;*/
    /*border-top-right-radius: 15px;*/
    /*border-bottom-right-radius: 15px;*/
    height: 480px;
    box-sizing: border-box;
}

.granary_info {
    padding: 10px;
    box-sizing: border-box;
}
.granary_info legend{
    margin-bottom: 10px;!important;
    border: none;
}
.granary_info ul li {
    margin-top: 5px;
}
.granary_info ul li em {
    display: inline-block;
    float: left;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    border: 1px solid #d1d1d1;
    margin-right: 10px;
}
.acquisition_cycle em{
    background:url("../images/background.png") no-repeat -40px -144px;
}
.granary_num em{
    background:url("../images/background.png") no-repeat 0 -74px;
}
.slave_ID em{
    background:url("../images/background.png") no-repeat 0 -107px;
}
.granary_type em{
    background:url("../images/background.png") no-repeat 0 -139px;
}
.measuring_num em{
    background:url("../images/background.png") no-repeat 0 -173px;
}
.high_temperature em{
    background:url("../images/background.png") no-repeat 0 -210px;
}
.low_temperature em{
    background:url("../images/background.png") no-repeat 0 -260px;
}
.granary_info ul li a {
    display: inline-block;
    width: 60px;
    height: 30px;
    line-height: 30px;
}
.granary_info ul li{
    float: left;
    margin-left: 22px;
}
.granary_info ul{
    border: 1px solid #d1d1d1;
    overflow: hidden;
    padding: 10px 0;
}
.granary_info ul li span {
    display: inline-block;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #E1E1E1;
}

/*导出报表 手动采集*/
.collect_data {
    height: 70px;
    margin-bottom: 10px;
}
.collect_data .excel, .collect_data .manual {
    display: block;
    width: 200px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 10px;
    margin-bottom: 5px;
    border: 1px solid #6C9FC7;
    letter-spacing: 6px;
    background: linear-gradient(to bottom, #E1F4FD 25%,#BAE5FC 34%, #BAE5FC 68%, #AEDEF8 65%);
}
/*三个警告按钮*/
.warning{
    /*border-top: 1px solid #3498DB;*/
}
.warning .bootstrap-switch .bootstrap-switch-handle-off,
.warning .bootstrap-switch .bootstrap-switch-handle-on,
.warning .bootstrap-switch .bootstrap-switch-label{
    padding: 1px 12px;
    height: 20px;
    line-height: 20px;
}
.bootstrap-switch-container{
    height: 20px;!important;
    line-height: 20px;
}
.warning a{
    width: 63px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;!important;
    /*color: #050505;;*/
    margin:11px auto;
    background: #F2AD4E;
}
/*指南针*/
.compass {
    position: absolute;
    top: 10px;
    left: 10px;
}

/*时间部分*/
.time {
    position: absolute;
    top: 5px;
    right: 115px;
    width: 200px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #ffffff;
    background: linear-gradient(to top, #001040 0%, #2E7EB2 50%, #74C4FA 100%);
    border-radius: 5px;
}

/*圆仓部分*/
.draw {
    /*width: 800px;*/
    /*height: 407px;*/
    position: absolute;
    top: 30px;
    left: 15px;
}

/*显示层数*/
.layers {
    position: absolute;
    top: 5px;
    right: 350px;
    width: 150px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: linear-gradient(to top, #001040 0%, #2E7EB2 50%, #74C4FA 100%);
    color: #ffffff;
    border-radius: 5px;
}

.layers span:first-child {
    margin-right: 20px;
}

/*圆形进度条*/
.dynamic ul li {
    width: 100px;
    height: 80px;
    background:#D6D6D6;
    border:1px solid rgba(52,152,219,0.3);
    border-top: none;
    box-sizing: border-box;
}
.dynamic ul li:last-child{
    border-bottom:none;
}
.circliful {
    position: relative;
    margin-left: 10px;
}
.circle-text, .circle-info, .circle-text-half, .circle-info-half {
    width: 100%;
    position: absolute;
    text-align: center;
    display: inline-block;
}
.circle-text-half{
    top: 10px;
}
.circle-info-half {
    top: 30px;
}
.dynamic canvas{
    margin-top: 10px;
}
.circliful .fa {
    margin: -10px 3px 0 3px;
    position: relative;
    bottom: 4px;
}

/*条形进度条*/
.bar_progress {
    height: 45px;
    width: 860px;
    margin-top: 435px;
    box-sizing: border-box;
    background: #D6D6D6;
}
.bar{
    float: left;
    width: 25%;
    height: 45px;
    border:1px solid rgba(52,152,219,0.3);
    border-right: none;
    box-sizing: border-box;
}
.bar:first-child{
    border-left: none;
}
.bar .center{
    height: 20px;
    line-height: 20px;
    margin-left: 10px;
}
.progressbar {
    float: left;
    position: relative;
    height: 15px;
    background-color: #ffffff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    margin-left: 10px;
}
.proggress {
    float: left;
    /*height: 8px;*/
    /*width: 10px;*/
    /*background-color: #3498db;*/
}
.percentCount {
    margin-top: -20px;
}
.percentCount{
    margin-left:165px;
}
/*下方历史数据表格部分*/
#bottom_box{
    /*border-left: 15px solid #3498DB;*/
    /*border-right: 15px solid #3498DB;*/
    /*border-bottom: 15px solid #3498DB;*/
    /*border-radius: 20px;*/
    /*border-top-left-radius: 0;*/
    max-width: 1250px;
    box-sizing: border-box;
}
.table {
    width: 100%;
    height: 120px;
    overflow-y: auto;
}
.panel-heading.clearfix{
    background: #3E3E3E;
}
.panel-primary{
    border: none;
}
.panel-primary .panel-heading{
    border: none;
    border-radius: 0;
}
.fixed-table-toolbar .bars{
    margin-top: 3px;
    margin-bottom: 3px;
}
.fixed-table-toolbar .columns, .fixed-table-toolbar .search {
    margin-top: 3px;
    margin-bottom: 3px;
}
#bottom_box table {
    width: 100%;
}
#bottom_box table tr th{
    text-align: center;
    height: 20px;
}
#bottom_box table tr th .th-inner,#bottom_box table tr th .fht-cell{
    padding: 0 8px;
}
#bottom_box table tr td{
    text-align: left;
    height: 20px;
}
#bottom_box .bootstrap-table{
    overflow-y: scroll;
}